$(function () {
    var info = {
        loadBarModule: function () {
            // 实例化对象
            var myChart = echarts.init(document.getElementById("barModule"));
            // 指定配置和数据
            var option = {
                color: ["#2f89cf"],
                tooltip: {
                    trigger: "axis",
                    axisPointer: {
                        // 坐标轴指示器，坐标轴触发有效
                        type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    top: "20px",
                    right: "3%",
                    bottom: "40px",
                    left: "2%",
                    containLabel: false // 设置网格内容不包括坐标刻度
                },
                xAxis: [{
                    type: "category",
                    data: [
                        "公司总部",
                        "华中区域总部",
                        "华东区域总部",
                        "广州区域总部",
                        "中原区域总部",
                        "华西区域总部",
                        "华北区域总部",
                    ],
                    axisTick: {
                        alignWithLabel: true,
                        interval: 0
                    },
                    axisLabel: {
                        textStyle: {
                            color: "rgba(255,255,255,.6)",
                            fontSize: "12"
                        },
                        interval: 0,
                        formatter: function (value, index) {
                            if (index % 2 != 0) {
                                return '\n' + value;
                            } else {
                                return value;
                            }
                        }
                    },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            width: 2
                        }
                    }
                }],
                yAxis: [{
                    // type: "value",
                    show: false,
                    // axisLabel: {
                    //     textStyle: {
                    //         color: "rgba(255,255,255,.6)",
                    //         fontSize: "12"
                    //     }
                    // },
                    // axisLine: {
                    //     lineStyle: {
                    //         color: "rgba(255,255,255,.1)"
                    //         // width: 1,
                    //         // type: "solid"
                    //     }
                    // },
                    // splitLine: {
                    //     lineStyle: {
                    //         color: "rgba(255,255,255,.1)"
                    //     }
                    // }
                }],
                series: [{
                    name: "直接访问",
                    type: "bar",
                    barWidth: "25%",
                    label: {
                        show: true,
                        position: 'top'
                    },
                    data: [200, 300, 300, 900, 1500, 1200, 800],
                    itemStyle: {
                        barBorderRadius: 5
                    }
                }]
            };

            // 把配置给实例对象
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        loadGaugeOne: function () {
            // 实例化对象
            var myChart = echarts.init(document.getElementById("gaugeOne"));

            var option = {
                tooltip: {
                    // formatter: '{a} <br/>{b} : {c}'
                    formatter: '{a} : {c}'
                },
                toolbox: {
                    show: false
                },
                series: [{
                    name: '营销',
                    type: 'gauge',
                    data: [{
                        value: 50,
                        name: '营销'
                    }],
                    radius: '75%',
                    axisLine: { // 坐标轴线
                        lineStyle: { // 属性lineStyle控制线条样式
                            color: [
                                [0.09, 'lime'],
                                [0.82, '#1e90ff'],
                                [1, '#ff4500']
                            ],
                            width: 3,
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 5
                        }
                    },
                    axisTick: { // 坐标轴小标记
                        length: 10, // 属性length控制线长
                        lineStyle: { // 属性lineStyle控制线条样式
                            color: 'auto',
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 10
                        }
                    },
                    splitLine: { // 分隔线
                        length: 20, // 属性length控制线长
                        lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
                            width: 3,
                            color: '#fff',
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 5
                        }
                    },
                    pointer: { // 分隔线
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 5,
                        length: '65%',
                        width: 5
                    },
                    title: {
                        textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: 'bolder',
                            fontSize: 14,
                            fontStyle: 'italic',
                            color: '#fff',
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 8
                        }
                    },
                    detail: {
                        // backgroundColor: 'rgba(30,144,255,0.8)',
                        // borderWidth: 1,
                        borderColor: '#fff',
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 3,
                        offsetCenter: [0, '50%'], // x, y，单位px
                        textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: 'bolder',
                            color: '#fff',
                            fontSize: 20
                        }
                    },
                    lineStyle: {
                        color: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [{
                                offset: 0,
                                color: 'red' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: 'blue' // 100% 处的颜色
                            }],
                            global: false // 缺省为 false
                        },
                        width: 2
                    }
                }]
            };

            // 把配置给实例对象
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        loadGaugeTwo: function () {
            // 实例化对象
            var myChart = echarts.init(document.getElementById("gaugeTwo"));

            var option = {
                tooltip: {
                    // formatter: '{a} <br/>{b} : {c}'
                    formatter: '{a} : {c}'
                },
                toolbox: {
                    show: false
                },
                series: [{
                    name: '结算',
                    type: 'gauge',
                    data: [{
                        value: 50,
                        name: '结算'
                    }],
                    radius: '85%',
                    axisLine: { // 坐标轴线
                        lineStyle: { // 属性lineStyle控制线条样式
                            color: [
                                [0.09, 'lime'],
                                [0.82, '#1e90ff'],
                                [1, '#ff4500']
                            ],
                            width: 3,
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 5
                        }
                    },
                    axisTick: { // 坐标轴小标记
                        length: 10, // 属性length控制线长
                        lineStyle: { // 属性lineStyle控制线条样式
                            color: 'auto',
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 10
                        }
                    },
                    splitLine: { // 分隔线
                        length: 20, // 属性length控制线长
                        lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
                            width: 3,
                            color: '#fff',
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 5
                        }
                    },
                    pointer: { // 分隔线
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 5,
                        length: '70%',
                        width: 5
                    },
                    title: {
                        textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: 'bolder',
                            fontSize: 14,
                            fontStyle: 'italic',
                            color: '#fff',
                            shadowColor: '#fff', //默认透明
                            shadowBlur: 8
                        }
                    },
                    detail: {
                        // backgroundColor: 'rgba(30,144,255,0.8)',
                        // borderWidth: 1,
                        borderColor: '#fff',
                        shadowColor: '#fff', //默认透明
                        shadowBlur: 3,
                        offsetCenter: [0, '50%'], // x, y，单位px
                        textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: 'bolder',
                            color: '#fff',
                            fontSize: 20
                        }
                    },
                    lineStyle: {
                        color: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [{
                                offset: 0,
                                color: 'red' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: 'blue' // 100% 处的颜色
                            }],
                            global: false // 缺省为 false
                        },
                        width: 2
                    }
                }]
            };

            // 把配置给实例对象
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        loadGaugeThree: function () {
            // 实例化对象
            var myChart = echarts.init(document.getElementById("gaugeThree"));

            var highlight = '#03b7c9';

            var demoData = [{
                name: '温度',
                value: 22,
                unit: '℃',
                pos: ['25%', '40%'],
                range: [-40, 100],
                YS: [
                    [0.4, '#119eff'],
                    [0.5, '#30da74'],
                    [1, '#f3390d']
                ]
            }];

            var option = {
                //   backgroundColor: '#00162d',
                series: (function () {
                    var result = [];

                    demoData.forEach(function (item) {
                        result.push(
                            // 外围刻度
                            {
                                type: 'gauge',
                                // center: item.pos,
                                radius: '60%', // 1行2个
                                splitNumber: item.splitNum || 10,
                                min: item.range[0],
                                max: item.range[1],
                                startAngle: 225,
                                endAngle: -45,
                                axisLine: {
                                    show: true,
                                    lineStyle: {
                                        width: 2,
                                        shadowBlur: 0,
                                        color: [
                                            [1, highlight]
                                        ]
                                    }
                                },
                                axisTick: {
                                    show: true,
                                    lineStyle: {
                                        color: highlight,
                                        width: 1
                                    },
                                    length: -5,
                                    splitNumber: 10
                                },
                                splitLine: {
                                    show: true,
                                    length: -10,
                                    lineStyle: {
                                        color: highlight,
                                    }
                                },
                                axisLabel: {
                                    distance: -18,
                                    textStyle: {
                                        color: highlight,
                                        fontSize: '10',

                                    }
                                },
                                pointer: {
                                    show: 0
                                },
                                detail: {
                                    show: 0
                                }
                            }, {
                                name: '速度',
                                type: 'gauge',
                                // center: item.pos,
                                splitNumber: item.splitNum || 10,
                                min: item.range[0],
                                max: item.range[1],
                                radius: '45%',
                                axisLine: { // 坐标轴线
                                    show: false,
                                    lineStyle: { // 属性lineStyle控制线条样式
                                        color: item.YS,
                                        shadowColor: "#ccc",
                                        shadowBlur: 25,
                                        width: 0
                                    }
                                },
                                axisLabel: {
                                    show: false
                                },
                                axisTick: { // 坐标轴小标记
                                    // show: false,
                                    length: 20, // 属性length控制线长
                                    lineStyle: { // 属性lineStyle控制线条样式
                                        color: 'auto',
                                        width: 2
                                    }
                                },
                                splitLine: { // 分隔线
                                    show: false,
                                    length: 20, // 属性length控制线长
                                    lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
                                        color: 'auto'
                                    }
                                },
                                title: {
                                    textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                                        fontWeight: 'bolder',
                                        fontSize: 20,
                                        fontStyle: 'italic'
                                    }
                                },
                                detail: {
                                    show: true,
                                    offsetCenter: [0, '100%'],
                                    textStyle: {
                                        fontSize: 20
                                    },
                                    formatter: [
                                        '{value} ' + (item.unit || ''),
                                        '{name|' + item.name + '}'
                                    ].join('\n'),
                                    rich: {
                                        name: {
                                            fontSize: 16,
                                            lineHeight: 30,
                                            color: '#4be4de'
                                        }
                                    }
                                },
                                data: [{
                                    value: item.value
                                }],
                                pointer: {
                                    width: 5
                                }
                            },
                            // 内侧指针、数值显示
                            {
                                name: item.name,
                                type: 'gauge',
                                // center: item.pos,
                                radius: '40%',
                                startAngle: 225,
                                endAngle: -45,
                                min: item.range[0],
                                max: item.range[1],
                                axisLine: {
                                    show: true,
                                    lineStyle: {
                                        width: 16,
                                        color: [
                                            [1, 'rgba(75,228,255,.1)']
                                        ]
                                    }
                                },
                                axisTick: {
                                    show: 0,
                                },
                                splitLine: {
                                    show: 0,
                                },
                                axisLabel: {
                                    show: 0
                                },
                                pointer: {
                                    show: true,
                                    length: '90%',
                                    width: 3,
                                },
                                itemStyle: { //表盘指针的颜色
                                    color: 'rgba(255, 153, 0, 0.31)',
                                    borderColor: '#ff9900',
                                    borderWidth: 1
                                },
                                detail: {
                                    show: false,
                                    offsetCenter: [0, '100%'],
                                    textStyle: {
                                        fontSize: 20,
                                        color: '#00eff2'
                                    },
                                    formatter: [
                                        '{value} ' + (item.unit || ''),
                                        '{name|' + item.name + '}'
                                    ].join('\n'),
                                    rich: {
                                        name: {
                                            fontSize: 14,
                                            lineHeight: 30,
                                            color: '#00eff2'
                                        }
                                    }
                                },
                                data: [{
                                    value: item.value
                                }]
                            }
                        );
                    });
                    return result;
                })()
            };

            // 把配置给实例对象
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        loadBarLine: function () {
            // 实例化对象
            var myChart = echarts.init(document.getElementById("barLineModule"));
            var option = {
                backgroundColor: 'rgba(011, 023, 059)',
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                legend: {
                    textStyle: {
                        color: '#fff',
                    },
                    data: ['主项任务', '职能任务', '子任务', '总数']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    axisLine: {
                        lineStyle: {
                            color: '#808eb7',
                            width: 2
                        }
                    },
                    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                },
                yAxis: {
                    axisLine: {
                        lineStyle: {
                            color: '#808eb7',
                            width: 2
                        }
                    },
                    splitLine: { //分割线配置
                        lineStyle: {
                            color: "#AAAAAA56",
                        }
                    },
                },
                series: [{
                        name: '主项任务',
                        type: 'bar',
                        stack: '任务',
                        barMaxWidth: 30,
                        data: [120, 132, 101, 134, 90, 230, 210],
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                        offset: 1,
                                        color: "#2f89cf" // 0% 处的颜色
                                    },
                                    {
                                        offset: 0,
                                        color: "#2f89cf" // 100% 处的颜色
                                    }
                                ], false)
                            }
                        }
                    },
                    {
                        name: '职能任务',
                        type: 'bar',
                        stack: '任务',
                        barMaxWidth: 30,
                        data: [220, 182, 191, 234, 290, 330, 310],
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                        offset: 1,
                                        color: "#28d9f3" // 0% 处的颜色
                                    },
                                    {
                                        offset: 0,
                                        color: "#28d9f3" // 100% 处的颜色
                                    }
                                ], false)
                            }
                        }
                    },
                    {
                        name: '子任务',
                        type: 'bar',
                        stack: '任务',
                        barMaxWidth: 30,
                        data: [220, 182, 191, 234, 290, 330, 310],
                        itemStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                        offset: 1,
                                        color: "#bab3bd69" // 0% 处的颜色
                                    },
                                    {
                                        offset: 0,
                                        color: "#bab3bd69" // 100% 处的颜色
                                    }
                                ], false)
                            }
                        }
                    },
                    {
                        name: '总数',
                        data: [560, 496, 483, 592, 650, 890, 830],
                        type: 'line',
                        itemStyle: {
                            normal: {
                                color: "#DB3233",
                            },
                        },
                    },
                ]
            };
            // 把配置给实例对象
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        loadRadar: function () {
            // 实例化对象
            var myChart = echarts.init(document.getElementById("radarModule"));

            var option = {
                backgroundColor: 'rgba(011, 023, 059)', //背景颜色
                color: ['#e43446', '#ebc017', '#43c798', "#ac4ed3"], //数据蛛网线条的颜色，示例中为红黄绿
                tooltip: {
                    trigger: 'item'
                },
                legend: { //图例的设置
                    show: true, //是否显示图例
                    icon: 'circle', //图例形状，示例为原型
                    orient: 'vertical', // 图例列表的布局朝向
                    align: 'left',
                    left: 10,
                    bottom: 15, //图例离底部的距离
                    itemWidth: 14, // 图例标记的图形宽度。
                    itemHeight: 14, // 图例标记的图形高度。
                    itemGap: 20, // 图例每项之间的间隔。
                    textStyle: { //图例文字的样式设置
                        fontSize: 14,
                        color: '#ade3ff'
                    },
                    data: ['张䉈', '李鸶', '王鋈', '张1䉈', ], //图例的名称数据
                },
                radar: [{ //每个网格的指数名称，类似于X轴或Y轴上的数据的值大小
                    indicator: [{
                            text: '阅读能力',
                            max: 100
                        },
                        {
                            text: '听力能力',
                            max: 100
                        },
                        {
                            text: '朗读能力',
                            max: 100
                        },
                        {
                            text: '对话能力',
                            max: 100
                        },
                        {
                            text: '写作能力',
                            max: 100
                        },
                        {
                            text: '对我的',
                            max: 100
                        }
                    ],
                    center: ['50%', '50%'], //统计图位置，示例是居中
                    radius: '70%', //统计图大小
                    startAngle: 90, //统计图起始的角度
                    splitNumber: 3, //统计图蛛网的网格分段，示例分为三段
                    // shape: 'circle',//蛛网是圆角还是尖角
                    name: {
                        formatter: '{value}', //蛛网轴尖的数据名称
                        textStyle: { //蛛网轴尖的文字样式
                            fontSize: 14, //外圈标签字体大小
                            color: '#5b81cb' //外圈标签字体颜色
                        }
                    },
                    splitArea: { // 蛛网在 grid 区域中的分隔区域，默认不显示。
                        show: true,
                        areaStyle: { // 分隔区域的样式设置。
                            color: ['rgba(76, 140, 200, 0.05)', 'rgba(76, 140, 200, 0.1)'], // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
                        }
                    },
                    axisLine: { //蛛网轴线上的颜色，由内向外发散的那条
                        lineStyle: {
                            color: '#153269'
                        }
                    },
                    splitLine: { //蛛网环形的线条颜色
                        lineStyle: {
                            color: '#113865', // 分隔线颜色
                            width: 1, // 分隔线线宽
                        }
                    }
                }, ],
                series: [{
                    name: '',
                    type: 'radar', //统计图专业名称为雷达图，这里叫做蛛网图
                    itemStyle: { //数据样式设置
                        emphasis: { //鼠标悬浮效果
                            lineStyle: {
                                width: 4 //线条粗细变成4
                            }
                        }
                    },
                    data: [{
                        name: '张䉈', //数据名称
                        value: [85, 65, 55, 90, 82, 50],
                        areaStyle: {
                            normal: { // 单项区域填充样式
                                color: {
                                    x: 0, //右
                                    y: 0, //下
                                    x2: 1, //左
                                    y2: 1, //上
                                    colorStops: [{
                                        offset: 0,
                                        color: 'rgba(228,52,70,0.5)'
                                    }, {
                                        offset: 0.5,
                                        color: 'rgba(0,0,0,0)'
                                    }, {
                                        offset: 1,
                                        color: 'rgba(228,52,70,0.5)'
                                    }],
                                },
                                opacity: 1 // 区域透明度
                            }
                        },
                        symbolSize: 2.5, // 单个数据标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10。
                        label: { // 单个拐点文本的样式设置                            
                            normal: { // 单个拐点文本的样式设置。[ default: false ]
                                position: 'top', // 标签的位置。[ default: top ]
                                distance: 4, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。[ default: 5 ]
                                color: '#ccc', // 文字的颜色。如果设置为 'auto'，则为视觉映射得到的颜色，如系列色。[ default: "#fff" ]
                                fontSize: 14, // 文字的字体大小
                            },
                            emphasis: {
                                show: true,
                                formatter: '{c}' //显示分析的数字值，a为统计图名称，b为学生姓名,c为学生这项能力的值
                            }
                        },
                        itemStyle: {
                            normal: { //图形悬浮效果
                                borderColor: '#ccc', //单个数据标记描边的颜色
                                borderWidth: 2.5 //单个数据标记描边的大小
                            }
                        },
                    }, {
                        name: '李鸶',
                        value: [50, 20, 45, 30, 75, 80],
                        symbolSize: 2.5,
                        itemStyle: {
                            normal: {
                                borderColor: '#ccc',
                                borderWidth: 2.5,
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    x: 0,
                                    y: 0,
                                    x2: 1,
                                    y2: 1,
                                    colorStops: [{
                                        offset: 0,
                                        color: 'rgba(235,192,23,0.5)'
                                    }, {
                                        offset: 0.5,
                                        color: 'rgba(0,0,0,0)'
                                    }, {
                                        offset: 1,
                                        color: 'rgba(235,192,23,0.5)'
                                    }],
                                },
                                opacity: 1
                            }
                        },
                        label: {
                            normal: {
                                position: 'top',
                                distance: 4,
                                color: '#ccc',
                                fontSize: 14,
                            },
                            emphasis: {
                                show: true,
                                formatter: '{c}'
                            }
                        },
                    }, {
                        name: '王鋈',
                        value: [37, 80, 12, 50, 25, 60],
                        symbolSize: 2.5,
                        itemStyle: {
                            normal: {
                                borderColor: '#ccc',
                                borderWidth: 2.5,
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    x: 0,
                                    y: 0,
                                    x2: 1,
                                    y2: 1,
                                    colorStops: [{
                                        offset: 0,
                                        color: 'rgba(67,199,152,0.5)'
                                    }, {
                                        offset: 0.5,
                                        color: 'rgba(0,0,0,0)'
                                    }, {
                                        offset: 1,
                                        color: 'rgba(67,199,152,0.5)'
                                    }],
                                    globalCoord: false
                                },
                                opacity: 1
                            }
                        },
                        label: {
                            normal: {
                                position: 'top',
                                distance: 4,
                                color: '#ccc',
                                fontSize: 14,
                            },
                            emphasis: {
                                show: true,
                                formatter: '{c}'
                            }
                        },
                    }, {
                        name: '张1䉈', //数据名称
                        value: [35, 61, 95, 40, 82, 90],
                        areaStyle: {
                            normal: { // 单项区域填充样式
                                color: {
                                    x: 0, //右
                                    y: 0, //下
                                    x2: 1, //左
                                    y2: 1, //上
                                    colorStops: [{
                                        offset: 0,
                                        color: 'rgba(172,78,211,0.5)'
                                    }, {
                                        offset: 0.5,
                                        color: 'rgba(0,0,0,0)'
                                    }, {
                                        offset: 1,
                                        color: 'rgba(172,78,211,0.5)'
                                    }],
                                },
                                opacity: 1 // 区域透明度
                            }
                        },
                        symbolSize: 2.5, // 单个数据标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10。
                        label: { // 单个拐点文本的样式设置                            
                            normal: { // 单个拐点文本的样式设置。[ default: false ]
                                position: 'top', // 标签的位置。[ default: top ]
                                distance: 4, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。[ default: 5 ]
                                color: '#ccc', // 文字的颜色。如果设置为 'auto'，则为视觉映射得到的颜色，如系列色。[ default: "#fff" ]
                                fontSize: 14, // 文字的字体大小
                            },
                            emphasis: {
                                show: true,
                                formatter: '{c}' //显示分析的数字值，a为统计图名称，b为学生姓名,c为学生这项能力的值
                            }
                        },
                        itemStyle: {
                            normal: { //图形悬浮效果
                                borderColor: '#ccc', //单个数据标记描边的颜色
                                borderWidth: 2.5 //单个数据标记描边的大小
                            }
                        },
                    }, ]
                }, ]
            };

            // 把配置给实例对象
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        loadMap: function () {

            // 实例化对象
            var myChart = echarts.init(document.getElementById("chinaMap"));


            $('<div class="back">返 回</div>').appendTo(
                $('#chinaMap')
            );

            $('.back').css({
                'position': 'absolute',
                'left': '25px',
                'top': '25px',
                'color': 'rgb(179, 239, 255)',
                'font-size': '16px',
                cursor: 'pointer',
                'z-index': '100'
            })

            $('.back').click(function () {
                // if (parentInfo.length === 1) {
                //     return;
                // }
                // parentInfo.pop()
                // getGeoJson(parentInfo[parentInfo.length - 1].code)
            })

            var outname = ["南海诸岛", '北京', '天津', '上海', '重庆', '河北', '河南', '云南', '辽宁', '黑龙江', '湖南', '安徽', '山东', '新疆', '江苏', '浙江', '江西', '湖北', '广西', '甘肃', '山西', '内蒙古', '陕西', '吉林', '福建', '贵州', '广东', '青海', '西藏', '四川', '宁夏', '海南', '台湾', '香港', '澳门'];
            var outvalue = [0, 524, 13, 140, 75, 13, 83, 11, 19, 15, 69, 260, 39, 4, 31, 104, 36, 1052, 33, 347, 9, 157, 22, 4, 18, 5, 2398, 41, 0, 484, 404, 22, 3, 5, 225];
            var outdata = [];
            
            var max = 6000,
                min = 10;
            var maxSize4Pin = 100,
                minSize4Pin = 20;
            
            for (var i = 0; i < outname.length; i++) {
                outdata.push({
                    name: outname[i],
                    value: outvalue[i]
                })
            }
            
            var geoCoordMap = {};
            /*获取地图数据*/
            var mapFeatures = echarts.getMap('china').geoJson.features;
            //  console.log(mapFeatures)
            mapFeatures.forEach(function(v) {
                // console.info(v)
                // 地区名称
                var name = v.properties.name;
                // 地区经纬度
                geoCoordMap[name] = v.properties.cp;
            
            });
            var convertData = function(outdata) {
                var res = [];
                for (var i = 0; i < outdata.length; i++) {
                    var geoCoord = geoCoordMap[outdata[i].name];
                    if (geoCoord) {
                        res.push({
                            name: outdata[i].name,
                            value: geoCoord.concat(outdata[i].value),
                        });
                    }
                }
                return res;
            };
            
            var option = {
                backgroundColor: '#0F1C3C',
                tooltip: {
                    show: true,
                    formatter: function(params) {
                        if (params.value.length > 1) {
                            return '&nbsp;&nbsp;' + params.name + '&nbsp;&nbsp;&nbsp;' + params.value[2] + '人&nbsp;&nbsp;';
                        } else {
                            return '&nbsp;&nbsp;' + params.name + '&nbsp;&nbsp;&nbsp;' + params.value + '人&nbsp;&nbsp;';
                        }
                    },
            
                },
            
                geo: {
                    map: 'china',
                    show: true,
                    roam: false,
                    zoom: 1,
                    label: {
                        emphasis: {
                            show: false
                        }
                    },
                    layoutSize: "100%",
                    itemStyle: {
                        normal: {
                            borderColor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                offset: 0,
                                color: '#00F6FF'
                            }, {
                                offset: 1,
                                color: '#53D9FF'
                            }], false),
                            borderWidth: 3,
                            shadowColor: 'rgba(10,76,139,1)',
                            shadowOffsetY: 0,
                            shadowBlur: 60
                        }
                    }
                },
                series: [{
                    type: 'map',
                    map: 'china',
                    aspectScale: 0.75,
                    //zoom:1.1,
                    label: {
                        normal: {
                            show: false,
                        },
                        emphasis: {
                            show: false,
                        }
                    },
                    itemStyle: {
                        normal: {
                            areaColor: {
                                x: 0,
                                y: 0,
                                x2: 0,
                                y2: 1,
                                colorStops: [{
                                    offset: 0,
                                    color: '#073684' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#061E3D' // 100% 处的颜色
                                }],
                            },
                            borderColor: '#215495',
                            borderWidth: 1,
                        },
                        emphasis: {
                            areaColor: {
            
                                x: 0,
                                y: 0,
                                x2: 0,
                                y2: 1,
                                colorStops: [{
                                    offset: 0,
                                    color: '#073684' // 0% 处的颜色
                                }, {
                                    offset: 1,
                                    color: '#061E3D' // 100% 处的颜色
                                }],
                            },
                        }
                    },
                    data: outdata,
                }, {
                    type: 'effectScatter',
                    coordinateSystem: 'geo',
                    rippleEffect: {
                        brushType: 'stroke'
                    },
                    showEffectOn: 'render',
                    itemStyle: {
                        normal: {
                            color: {
                                type: 'radial',
                                x: 0.5,
                                y: 0.5,
                                r: 0.5,
                                colorStops: [{
                                    offset: 0,
                                    color: 'rgba(5,80,151,0.2)'
                                }, {
                                    offset: 0.8,
                                    color: 'rgba(5,80,151,0.8)'
                                }, {
                                    offset: 1,
                                    color: 'rgba(0,108,255,0.7)'
                                }],
                                global: false // 缺省为 false
                            },
                        }
            
                    },
                    label: {
                        normal: {
                            show: true,
                            color: '#fff',
                            fontWeight: 'bold',
                            position: 'inside',
                            formatter: function(para) {
                                return '{cnNum|' + para.data.value[2] + '}'
                            },
                            rich: {
                                cnNum: {
                                    fontSize: 13,
                                    color: '#D4EEFF',
                                }
                            }
                        },
                    },
                    symbol: 'circle',
                    symbolSize: function(val) {
                        if (val[2] === 0) {
                            return 0;
                        }
                        var a = (maxSize4Pin - minSize4Pin) / (max - min);
                        var b = maxSize4Pin - a * max;
                        return a * val[2] + b * 1.2;
                    },
                    data: convertData(outdata),
                    zlevel: 1,
                }]
            };
            
            // 把配置给实例对象
            myChart.setOption(option);

            window.addEventListener("resize", function () {
                myChart.resize();
            });
        },
        init: function () {
            var _this = this
            _this.loadBarModule()
            _this.loadGaugeOne()
            _this.loadGaugeTwo()
            _this.loadGaugeThree()
            _this.loadBarLine()
            _this.loadRadar()
            _this.loadMap()
        }
    }

    info.init()

    resizeTable()

    window.onresize = function () {
        resizeTable()
    }

    function resizeTable () {
        var height = $('.table_box').height()
        var theadHeight = $('.table_header').height()
        $('.table_body').height(height - theadHeight - 3).show(0, function() {
            var trHeight = $('.table_li').height()
            // $('#tableTwo .table_body').myScroll({
            //     speed: 100, //数值越大，速度越慢
            //     rowHeight: trHeight //li的高度
            // });
        })
    }
})